<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>管理后台</title>

		<meta name="description" content="User login page" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<!-- basic styles -->

		<link href="__CSS__/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="__CSS__/font-awesome.min.css" />

		<!--[if IE 7]>
		  <link rel="stylesheet" href="__CSS__/font-awesome-ie7.min.css" />
		<![endif]-->

		<!-- page specific plugin styles -->

		<!-- fonts -->

		<link rel="stylesheet" href="__CSS__/ace-fonts.css" />

		<!-- ace styles -->

		<link rel="stylesheet" href="__CSS__/ace.min.css" />
		<link rel="stylesheet" href="__CSS__/ace-rtl.min.css" />

		<!--[if lte IE 8]>
		  <link rel="stylesheet" href="__CSS__/ace-ie.min.css" />
		<![endif]-->

		<!-- inline styles related to this page -->

		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

		<!--[if lt IE 9]>
		<script src="__JS__/html5shiv.js"></script>
		<script src="__JS__/respond.min.js"></script>
		<![endif]-->
	</head>

	<body class="login-layout">
		<div class="main-container">
			<div class="main-content">
				<div class="row">
					<div class="col-sm-10 col-sm-offset-1">
						<div class="login-container">
							<div class="center">
								<h1>
									<i class="icon-leaf green"></i>
									<span class="red">后台管理系统</span>
									<span class="white">后台</span>
								</h1>
								
							</div>

							<div class="space-6"></div>

							<div class="position-relative">
								<div id="login-box" class="login-box visible widget-box no-border">
									<div class="widget-body">
										<div class="widget-main">
											<h4 class="header blue lighter bigger">
												<i class="icon-coffee green"></i>
												请输入账号和密码
											</h4>

											<div class="space-6"></div>

										 <form action="{:U('public/dologin')}" method="post" class="login-form">
                    <fieldset>
                      <label class="block clearfix"> <span class="block input-icon input-fa-right">
                        <input type="text" class="form-control" name="username" id="username" placeholder="用户名" />
                        </span> </label>
                      <label class="block clearfix"> <span class="block input-icon input-fa-right">
                        <input type="password" class="form-control" name="password" id="password" placeholder="密码" />
                        </span> </label>
                      <label class="block clearfix">
                      <span class="input-icon input-fa-right">
                      <input type="text"  name="verify"  autocomplete="off" class="form-control" placeholder="验证码" />
                       </span>
                      <div class="pull-right"> <a class="reloadverify" title="换一张" href="javascript:void(0)">换一张？</a></div>
                      </label>
                      <div class="clearfix"> <img class="verifyimg reloadverify" alt="点击切换" src="{:U('Public/verify',array("imageH"=>60,"imageW"=>300,"length"=>4,"fontSize"=>'25'))}"> </div>
                      <div class="space"></div>
                      <div class="clearfix">
                        <button type="submit " class="width-35 btn btn-sm btn-primary"> <i class="icon-key"></i> 登录 </button>
                        <div class="check-tips pull-right"></div>
                      </div>
                      <div class="space-4"></div>
                    </fieldset>
                  </form>

											<div class="social-or-login center">
												
											</div>

											
										</div><!-- /widget-main -->

										
									</div><!-- /widget-body -->
								</div><!-- /login-box -->

								<!-- /forgot-box -->

								<!-- /signup-box -->
							</div><!-- /position-relative -->
						</div>
					</div><!-- /.col -->
				</div><!-- /.row -->
			</div>
		</div><!-- /.main-container -->

		<!-- basic scripts -->

		<!--[if !IE]> -->

		<script type="text/javascript">
			window.jQuery || document.write("<script src='__JS__/jquery-2.0.3.min.js'>"+"<"+"/script>");
		</script>

		<!-- <![endif]-->

		<!--[if IE]>
<script type="text/javascript">
 window.jQuery || document.write("<script src='__JS__/jquery-1.10.2.min.js'>"+"<"+"/script>");
</script>
<![endif]-->

		<script type="text/javascript">
			if("ontouchend" in document) document.write("<script src='__JS__/jquery.mobile.custom.min.js'>"+"<"+"/script>");
		</script>

		<!-- inline scripts related to this page -->
 <script type="text/javascript">
    	

    	//表单提交
    	$(document)
	    	

    	$("form").submit(function(){
    		var self = $(this);
    		$.post(self.attr("action"), self.serialize(), success, "json");
    		return false;

    		function success(data){
    			if(data.status){
    				window.location.href = data.url;
    			} else {
    				self.find(".check-tips").text(data.info);
    				//刷新验证码
    				$(".reloadverify").click();
    			}
    		}
    	});

		$(function(){
			//初始化选中用户名输入框
			$("#itemBox").find("input[name=username]").focus();
			//刷新验证码
			var verifyimg = $(".verifyimg").attr("src");
            $(".reloadverify").click(function(){
                if( verifyimg.indexOf('?')>0){
                    $(".verifyimg").attr("src", verifyimg+'&random='+Math.random());
                }else{
                    $(".verifyimg").attr("src", verifyimg.replace(/\?.*$/,'')+'?'+Math.random());
                }
            });

      
		});
    </script>
	
	</body>
</html>
